﻿@charset "utf-8";
/*----------------------------------- 重设reset ----------------------------------*/
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */ 
img/* img elements 图片元素 */{border:medium none;margin: 0;padding: 0;}
/** 设置默认字体 **/
body,button, input, select, textarea {font: 12px/1.5 Verdana,'宋体',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置body **/
body{background-color:#FFF;text-align:center;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration: underline; color:#F40; }
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
button {margin:10px;}
label{margin:5px;}
input{margin:5px;vertical-align:middle;}
/*----------------------------------- 全局global -----------------------------------*/
/** 使用css sprites的元素的背景 **/
.head_logo,.menu li h3{
	background:transparent url(../image/img_sprites.gif) 0 0 scroll no-repeat;
	text-indent:-9999px;overflow:hidden;
}
/** 清除浮动，使元素包围其里面的浮动元素 **/
.head_top,.head_title,.head_pos,#container{overflow:hidden;_zoom:1;}
/** 左浮动 **/
.fleft{ display:inline; float:left;}
/** 右浮动 **/
.fright{ display:inline; float:right;}
/** 居中 **/
.center{text-align:center;}
/*------------------------------------ 布局layout ----------------------------------*/
#wapper{margin:0 auto;width:960px; overflow:hidden; _zoom:1;text-align:justify;}
/* 页头 */
#header{}
#header .head_top{padding:4px 0;}
#header .head_top a{float:left;}
#header .top_home,#header .top_blog{ height:12px;line-height:12px;border-right:1px solid #333;padding:0 9px 0 8px; margin-top:2px;_padding-top:1px;}
#header .top_about{margin:-1px 5px 0 0; _margin-top:0px;}
#header .head_title{background:#2E91D0;padding:4px 0 0 0; color:#FFF; margin:0px;}
#header .head_title .head_logo{background-position:-21px -20px;float:left; margin:0 28px 0 27px; _margin-right:25px; width:105px; height:64px;}
#header .head_title h1{font-size:24px;_padding-top:1px; cursor:default;}
#header .head_title h2{font-weight:normal;cursor:default;}
#header .head_pos{ background:#ECECEC; border:1px solid #ECECEC;height:30px; border-top:1px solid #FFF; font-size:14px; font-weight:bold;}
#header .head_pos p.curr-pos{ float:left; display:inline; overflow:hidden;margin-top:3px;_margin-top:4px;}
#header .head_pos p span{margin:0 5px;} 


/* 主体部分 */
#container{margin-top:4px; margin:0 auto; border:2px solid #ECECEC; border-top:none;padding-bottom:10px;}
/** 中间部分 **/
#container .maincenter{ width:755px; float:right; padding:5px; padding-right:10px; background:#FFF; overflow:hidden;}
#container .maincenter .main_title{height:23px;margin:8px 0; border-bottom:2px solid #D6D8DA;}
#container .maincenter .main_title h4{line-height:21px; color:#0B5C91; font-size:14px;}
#container .maincenter .main_demo{ background:#85B7E0;margin-top:5px; padding:10px;overflow:hidden;}
#container .maincenter .main_demo .demo_title h2{ color:#F5B225; font-size:16px;height:30px;line-height:30px;}
#container .maincenter .main_demo .demo_title p{ text-indent:2em; color:#FFF;}
#container .maincenter .main_demo .demo_show{ margin-top:10px;padding:10px;background:#F0F5FB; color:#000;_height:80px;min-height:80px!important;}
#container .maincenter .main_code{border:1px dashed #969696; padding:5px; margin:8px 0; background:#F1F1F1}
/** 左边栏 **/
#container .sideleft{ width:170px; float:left;background-color:#C5E5FE; padding:5px 5px 1888px; margin-bottom:-1888px;}
/*** 左边栏JS库信息 ***/
#container .sideleft .info{ border:1px solid #64B9F8; background-color:#F0F5FB; padding:10px 8px; position:relative; _zoom:1;}
#container .sideleft .info dt{ margin-bottom:11px;}
#container .sideleft .info dt strong{ font-size:14px;}
#container .sideleft .info dt em{ color:#EE0302;}
#container .sideleft .info dd{ _zoom:1;overflow: hidden; padding:0 0 5px 0;}
#container .sideleft .info dd span{text-indent:2em; display:block;}
#container .sideleft .info dd .download a{color:#FFF; text-decoration:underline;}
#container .sideleft .info dd div{float:left; background:#FF9900;padding:2px 5px; margin:0 auto; text-align:center;}
/*** 左边栏菜单 ***/
#container .sideleft .menu{ border:1px solid #64B9F8; padding:7px 7px 4px; margin-top:6px; background:#FFF;_zoom:1;}
#container .sideleft .menu li{border:1px solid #A7C4E2; margin:0 0 3px 0;padding:5px 0 7px 16px;  background-color:#F0F5FB;}
#container .sideleft .menu li h3{ background-position:-155px 10px;text-indent:12px; height:20px;font-size:14px; color:#1F5595}
#container .sideleft .menu li a{color:#1F5595; text-decoration:underline;}
#container .sideleft .menu li a:hover{color:#EE0302;}
#container .sideleft .menu .menu_list{padding:2px 10px 0;}
#container .sideleft .menu .menu_list li{list-style-type:circle; border:none; background:none;margin-bottom:0;padding:0;}
#container .sideleft .menu .menu_list li a.curr , .menu_list a.curr:hover{font-weight:bold;color:#F60;}
/* 页脚 */
#footer{border-top:2px solid #8DC7F0; text-align:center; padding:18px 0 0;line-height:24px; color:#818181; margin:10px auto;}
#footer a{ color:#818181;}
#footer .copyright_en{font:bold 10px/24px Verdana, Geneva, sans-serif;}
#footer .copyright_cn{}